<%--
  Created by IntelliJ IDEA.
  User: lanmeng
  Date: 2020/8/20
  Time: 10:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src="${pageContext.request.contextPath}/static/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/static/js/Myjs.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/static/toastr/toastr.min.js" type="text/javascript"
        charset="utf-8"></script>
<link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath}/member/css/register.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/toastr/toastr.min.css">

<html>
<head>
    <title>会员登记</title>
</head>
<body>
<h2 align="center">会员登记</h2>
<form action="#" id="gain">
    <table align="center"  class="table table-striped table-bordered table-hover table-condensed" >
        <tr>
            <td id="hint_1">
                <div class="input-group " id="d1">
                    <span class="input-group-addon"><span style="color: red">*</span>会员姓名</span>
                    <div >
                        <input  id="userName" data-rule='max:10:min:2' class="form-control" placeholder="会员姓名" name="userName">
                    </div>
                </div>
                <span class="hint hint1" id="hints">会员姓名不能为空</span>
            </td>

            <td id="hint_2">
                <div class="input-group" id="d2">
                    <span class="input-group-addon" ><span class="oospan">*</span>会员电话</span>
                    <div class="  ">
                        <input type="text" id="phone" name="phone" onkeyup="this.value=this.value.replace(/\D/g,'')" class="form-control" aria-describedby="inputError2Status" placeholder="会员电话">
                    </div>
                </div>
                <span class="hint hint2" id="hints1">请输入正确的手机号</span>
            </td>
        </tr>

        <tr>
            <td>
                <div class="input-group">
                    <span class="input-group-addon"><span class="oospan">*</span>会员等级</span>
                    <select class="form-control" id="s1" name="levelId">
                    </select>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <span class="input-group-addon">卡状态</span>
                    <input class="form-control" type="text" placeholder="启动" name="status" disabled>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="input-group">
                    <span class="input-group-addon">办卡人员</span>
                    <input value="${staff.staffId}" name="staffId" hidden>
                    <input class="form-control" value="${staff.staffName}" type="text" placeholder="无所不及的鲁老板" id="cardName" name="cardName" disabled>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <span class="input-group-addon">初始积分</span>
                    <input class="form-control"  id="credit" name="credit" type="text" value="0" disabled>
                </div>
            </td>

        </tr>
        <tr>
            <td>
                <div class="input-group">
                    <span class="input-group-addon"><span class="oospan">*</span>会员卡号</span>
                    <input class="form-control"  type="text" placeholder="100028" id="cardId" name="cardId" disabled>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <span class="input-group-addon"><span class="oospan">*</span>起充金额</span>
                    <input class="form-control"  id="amount" name="amount" type="text" value="0" disabled>
                </div>
            </td>
        </tr>
        <tr>
            <td id="hint_3">
                <div class="input-group" id="d3">
                    <span class="input-group-addon"><span class="oospan">*</span>身份证号</span>
                    <div class="  ">
                        <input type="text"  id="idCard"  class="form-control" name="idCard" aria-describedby="inputError2Status" placeholder="身份证号">
                    </div>

                </div>
                <span class="hint hint3" id="hints2">请输入正确的身份证号</span>
            </td>
            <td>
                <div class="input-group">
                    <span class="input-group-addon"><span class="oospan">*</span>性别</span>
                    <select class="form-control" name="sex" id="sex">
                        <option value="1">男</option><option value="2">女</option>
                    </select>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2" id="utd">

                <div id="distpicker">
                    <div class="col-md-3">
                        <div class="form-group input-group">
                            <span class="input-group-addon"><span style="color: red">*</span>省</span>
                            <select class="form-control" id="province" name="address">
                                <option value="0">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-3">
                        <div class="form-group input-group">
                            <span class="input-group-addon">市</span>
                            <select class="form-control" id="city" name="address">
                                <option >请选择</option>
                            </select>
                        </div>
                    </div>

                </div>
            </td>

        </tr>
        <tr>
            <td id="hint_4" colspan="2">
                <div class="input-group " id="d4" style="width: 90%">
                    <span class="input-group-addon"><span class="oospan">*</span>详细地址</span>
                    <div class="  ">
                        <input id="area" name="area" data-rule='max:10:min:2' class="form-control"  placeholder="详细地址">
                    </div>
                </div>
            </td>

        </tr>
        <tr>
            <td colspan="2">
                <div class="input-group " style="width: 90%">
                    <span class="input-group-addon">备注</span>
                    <textarea class="form-control" rows="2" name="momo" placeholder="备注"></textarea>
                </div>
            </td>

        </tr>
        <tr>
            <td align="right">
                <span>带<span class="oospan">*</span>为必填项</span>
                <input type="button" class="btn btn-info" value="提交" onclick="submitVip()">
            </td>
            <td>
                <a href="/member/register.jsp" class="btn btn-danger" >重置</a>
            </td>
        </tr>
    </table>
</form>
</body>
<script src="${pageContext.request.contextPath}/member/js/register.js" type="text/javascript" charset="utf-8"></script>
</html>
